<template>
	<view class="content">
		<view class="search">
			<image src="../../static/search.png" mode=""></image>
			<input type="text" value="" placeholder="搜索商品" />
		</view>
		<view class="">
			<view class="history">
				<view class="">
					搜索历史
				</view>
				<view class="">
					<image src="../../static/icon-del.png" mode=""></image>
				</view>
			</view>
			<view class="record">
				<navigator url="../goods-list/goods-list">
					<view class="">
						哈密瓜
					</view>
				</navigator>

			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss" scoped>
	.record {
		padding: 20rpx;

		view {
			border: 1px solid #e5e5e5;
			display: inline-block;
			padding: 10rpx 25rpx;
			border-radius: 40rpx;
		}
	}

	.history {
		padding: 20rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		image {
			width: 20px;
			height: 20px;
		}
	}

	.search {
		position: relative;
		background-color: #fff;
		padding: 10rpx 30rpx;

		input {
			background: #f5f5f5;
			border-radius: 40rpx;
			height: 30px;
			padding-left: 70rpx;
		}

		image {
			position: absolute;
			top: 18rpx;
			left: 50rpx;
			width: 24px;
			height: 24px;
		}
	}
</style>
